<!doctype html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>指令v-bind</title>
</head>
<body>
    <div id="example-4">
        <p>使用表达式"{{}}"跳转：<a href="{{url}}">夏有乔木</a></p>
        <p>使用指令"v-bind"跳转：<a v-bind:href="url">夏有乔木</a></p>
    </div>


<script src="../lib/vue.js"></script>
<script>
    /*
     * vue.js指令可以传递参数，中间用一个冒号（":"）隔开
    * v-bind:href="url"  其中href就是参数
    * */
    var data = {
        message : "hello vue.js",
        url : "http://www.cnblogs.com/White-Quality"
    }

    var exampleVm = new Vue({
        el : "#example-4",
        data : data
    })
</script>
</body>
</html>